<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/header_com.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/navigation_com.css">
    <link rel="stylesheet" href="./css/news.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/footer_com.css">
	<link rel="stylesheet" href="./css/pagetion.css" />
</head>
<body>
    <!--1. the header start -->
    <header>
        <div class="header wrapper">
            <p>ベッドと美しい生活    美好宠物生活</p>
            <h1>pidan</h1>
            <input type="text" class="iconfont" placeholder="&#xe63c">
        </div>
    </header>
    <!--1. the header end -->


    <!--2. the slider start -->
    <div class="slider">
        <img src="./img/images4/banner.png" alt="">
    </div>
    <!--2. the slider end -->


    <!--3. the navigation start -->
    <div class="navigation wrapper">
        <ul>
            <li><a href="./index.html" >首页</a></li>
            <li><a href="./product.html" >产品中心</a></li>
            <li><a href="./brand.html" >品牌故事</a></li>
            <li><a href="./news.html" class="on">新闻中心</a></li>
            <li><a href="./special.html">special特别合作</a></li>
            <li><a href="./contract.html">联系方式</a></li>
        </ul>
    </div>
    <!--3. the navgation end -->

    <!--4. the report start  -->
    <div class="report wrapper">
        <h3>品牌报道</h3>
        <ul>
            <li><img src="./img/images4/cat1.png" alt="">
                <div class="more on">
                    <p>pidan宠物随行杯荣获日本GOOD DE...</p>
                    <button>查看更多</button>
                </div>
            </li>
            <li><img src="./img/images4/cat.png" alt="">
                <div class="more" >
                    <p>pidan进驻阿里巴巴速卖通，正式与西班牙...</p>
                    <button>查看更多</button>
                </div>
            </li>
            <li><img src="./img/images4/cat2.png" alt="">
                <div class="more">
                    <p>国家天文台跨界宠物品... </p>
                    <button>查看更多</button>
                </div>
            </li>
            <li><img src="./img/images4/cat3.png" alt="">
                <div class="more">
                    <p>为忙碌的机场增添一分温... </p>
                    <button>查看更多</button>
                </div>
            </li>
            <li><img src="./img/images4/cat4.png" alt="">
                <div class="more">
                    <p>美好宠物生活，「pidan...</p>
                    <button>查看更多</button>
                </div>
            </li>
        </ul>
        <ol class="pagetion">
            <li class="on">1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    </div>
    <!--4. the report end  -->

    <!--5. the other report start -->
    <div class="other wrapper">
        <h3>其他报道</h3>
        <p class="on"><a href="">20160818-36:《PIDAN：猫咪的消费升级，从一款拿了红点奖的猫砂盆开始》</a></p>
        <p><a href="">20170920-37:  独家 | pidan 完成数千万人民币 A 轮融资：要做不止于猫咪的宠物生意</a></p>
        <p><a href="">20180716-38:  pidan品牌形象升级，拓充新品类，诠释“美好宠物生活”</a></p>
        <p><a href="">20180726-39:  首发 | 「pidan彼诞」获 6000 万元人民币 B 轮融资，从“猫经济”切入全品类的宠物用品</a></p>
    </div>
    <!--5. the other report end -->

    <!-- the footer start -->
    <div class="footer wrapper">
        <p>沪ICP备12385496-3 sdhfnhrj©2020 Danke Co</p>
        <p>服务热线：+86 400-920-0674</p>
    </div>
    <!-- the footer end -->


</body>
</html>